<template>
	<div class="container">
		<div class="cover">
			<div class="content">
				<router-view></router-view>
			</div>
		</div>
	</div>
</template>

<script setup></script>

<style scoped lang="scss">
.container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(170, 213, 255);
	.cover {
		padding: 50px 30px;
		height: calc(100vh - 100px);
		width: 400px;
		/* background-color: pink; */
		background-image: url("@/assets/img/bgPhone.png");
		background-size: 100% 100%;
		background-position: center;

		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		.content {
			background: #fff;
			margin-top: 30px;
			height: calc(100vh - 160px);
			margin-bottom: 45px;
		}
	}
}
</style>
